﻿/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #333333;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.6;
}

body#bd {
	background: url(../images/body-bot.jpg) no-repeat bottom #164978;
	color: #333333;
}

body.contentpane {
	color: #333333;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	margin: 1em 2em;
	width: auto; /* Printable Page */
}

body.fs1 {
	font-size: 9px;
}

body.fs2 {
	font-size: 10px;
}

body.fs3 {
	font-size: 11px;
}

body.fs4 {
	font-size: 12px;
}

body.fs5 {
	font-size: 13px;
}

body.fs6 {
	font-size: 14px;
}

/* Normal link */
a {
	color: #2C79BF;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
}

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption {
	color: #999999;
	font-size: 100%;
}

img {
	margin: 0;
	padding: 0;
}

/* Heading */
h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 12px 0;
	padding: 0;
}

/*ul {
	list-style: none;
}

ul li {
	background: url(../images/bullet.gif) no-repeat 18px 8px;
	line-height: 180%;
	padding-left: 30px;
}

ol li {
	line-height: 180%;
	margin-left: 35px;
}*/

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #DDDDDD;
	height: 1px;
}

td, div {
	font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}

.inputbox {
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.button {
	background: url(../images/grad1.gif) repeat-x top #CCCCCC;
	border: 1px solid #DDDDDD;
	padding: 2px 8px;
}

* html .button, *+html .button {
	padding: 1px 5px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	clear: both;
	display: block;
	height: 10px;
}

* html .article_separator {
	display: block;
	font-size: 1px;
	height: 1px;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
	background: url(../images/grad2.gif) repeat-x top #666666;
	border-right: 1px solid #FFFFFF;
	padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
	padding: 3px;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	background: url(../images/bullet.gif) no-repeat 5% 50%;
	padding: 1px 5px 1px 25px;
}

table.contenttoc th {
	border-bottom: 1px solid #DDDDDD;
	padding: 0 0 3PX;
	text-indent: 5px;
}

table.poll {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #F2F2F2;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
	border-top: 1px solid #EFEFEF;
	padding: 10px;
}

.blog_more strong {
	display: block;
	font-size: 125%;
	margin: 0 0 5px;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 6px 8px;
	margin: 0;
	padding: 0 0 0 17px;
}

.category {
	font-size: 120%;
	font-weight: bold;
}

h1.componentheading, .componentheading {
	margin: 0 0 10px;
	padding: 0 0 5px;
}

.componentheading {
	font-size: 250%;
	font-weight: normal;
}

.contentdescription {
	padding-bottom: 10px;
}

h2.contentheading, .contentheading {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.contentheading {
	font-size: 200%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	background: url(../images/bullet-readon.gif) no-repeat center left;
	display: block;
	float: left;
	font-size: 92%;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	text-indent: 16px;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
	background: url(../images/bullet-readon2.gif) no-repeat center left;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

/*ul.pagination {
	background: url(../images/hline.gif) repeat-x top;
	margin: 15px auto;
	padding: 10px 0;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 3px;
	text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
}*/

.pagenavbar {
	background: url(../images/icon-pages.gif) no-repeat center left;
	font-weight: bold;
	padding-left: 14px;
}

.pagenavcounter {
	background: url(../images/icon-pages.gif) no-repeat 0 11px;
	font-weight: bold;
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	color: #EFEFEF;
	font-weight: bold;
	padding: 8px 5px;
}

.sectiontableheader a {
	color: #EFEFEF;
}

tr.sectiontableentry1 td {
	background: url(../images/hline.gif) repeat-x bottom;
	padding: 8px 5px;
}

tr.sectiontableentry2 td {
	background: url(../images/hline.gif) repeat-x bottom #F0F6FB;
	padding: 8px 5px;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/hline.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	background: url(../images/dot.gif) repeat-x top;
	display: block;
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
}

.article-meta {
	float: left;
	padding: 5px;
	width: 70%;
}

.createby {
	background: url(../images/icon-author.gif) no-repeat 0 1px;
	padding: 3px 3px 3px 20px;
}

.createdate {
	background: url(../images/icon-date.gif) no-repeat 0 2px;
	padding: 3px 3px 3px 20px;
}

.modifydate {
	float: left;
	width: 100%;
}

div.buttonheading {
	float: right;
	width: 20%;
}

.buttonheading img {
	border: 0;
	float: right;
	margin: 7px 5px 0 0;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper-top {
	background: url(../images/body-top.jpg) no-repeat center top;
	min-width: 1250px;
	/*min-width: 95%;*/
}

.narrow  #ja-wrapper-top 
{
    min-width: 1000px;
	/*min-width: 100%;*/
}

#ja-wrapper {
	margin: 0 auto;
	/*padding: 20px 0;*/
	width: 1250px;
	/*width: 95%;*/
}

.narrow #ja-wrapper 
{
    width: 1000px;
	/*width: 100%;*/
}


/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap3, #ja-containerwrap-c, #ja-containerwrap-f {
	padding: 0;
}

/* full */
#ja-containerwrap-f #ja-content {
	float: none;
	width: 99%;
}

#ja-containerwrap-f #ja-container-inner1,
#ja-containerwrap-f #ja-container-inner2 {
	background: none;
}

/* content + col */
#ja-containerwrap-c #ja-content {
	width: 76%;
}

#ja-containerwrap-c #ja-container-inner1 {
	background: none;
}

#ja-containerwrap-c #ja-container-inner2 {
	background-position: 77% 0;
}

#ja-containerwrap-c #ja-colwrap {
	background: none;
	width: 23%;
}

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
	width: 100%;
}



/* hilite module */
div.moduletable_hilitemenu h3 {
	background: url(../images/c-hilite-r.gif) no-repeat right #2C79BF;
	color: #FFFFFF;
	font-size: 115%;
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 0;
	padding:0;
	text-indent: 5px;
}

div.moduletable_hilitemenu h3 span {
	background: url(../images/c-hilite-l.gif) no-repeat left;
}


div.ja-box-br {
	background: url(../images/box-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

div.ja-box-bl {
	background: url(../images/box-bl.gif) no-repeat bottom left;
	padding: 0;
}

div.ja-box-tr {
	background: url(../images/box-tr.gif) no-repeat top right;
	padding: 0;
}

div.ja-box-tl {
	background: url(../images/box-tl.gif) no-repeat top left;
	padding: 10px;
}

/* mis */
div.banneritem_text {
	padding: 5px 0 !important;
}

div.advs {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilte ul {
	margin: 0;
	padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
	/*background: url(../images/bullet.gif) no-repeat 5px 8px;*/
	margin: 0;
	padding-left: 16px;
}

#ja-col2 div.moduletable,
#ja-col2 div.moduletable_text,
#ja-col2 div.moduletable_menu,
#ja-col2 div.moduletable_hilite,
#ja-containerwrap-c div.moduletable,
#ja-containerwrap-c div.moduletable_text,
#ja-containerwrap-c div.moduletable_menu,
#ja-containerwrap-c div.moduletable_hilite {
	/*padding: 10px 20px 10px 15px;*/
	padding: 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	color: #DDDDDD;
	height: 100px;
	line-height: normal;
	position: relative;
}

#ja-header {
	background: url(../images/header-bg2.png);
	background-repeat:repeat-x;
	height: 100px;
}

.narrow #ja-header {
	background: url(../images/header-bg-n.png) no-repeat top left;
}

#ja-header a {
	color: #F0F6FB;
}

h1.logo {
	font-size: 200%;
	margin: 0 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}

h1.logo a {
	background: url(../images/logo.png) no-repeat;
	bottom: 10px;
	display: block;
	height: 70px;
	left: 20px;
	outline: none;
	position: absolute;
	width: 285px;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

/* อักษรวิ่ง
--------------------------------------------------------- */
#ja-subnavwrap {
	background: #216DAF;
	border: 1px solid #528CC1;
	border-top: none;
	height: 30px;
	position: relative;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	height: 100px;
	position: absolute;
	right: 1px;
	top: 0;
	width: 725px;
	z-index: 999;
}

* html #ja-mainnav {
	width: 720px;
}

.narrow #ja-mainnav {
	width: 524px;
}

* html .narrow #ja-mainnav {
	width: 520px;
}

#ja-mainnav a, #ja-subnav a {
	outline: none;
}

#ja-mainnav span.menu-title {
	display: block;
	font-size: 125%;
	font-weight: bold;
	padding: 25px 15px 5px;
	text-transform: uppercase;
}

#ja-mainnav span.menu-desc {
	clear: both;
	color: #A9CAE8;
	display: block;
	line-height: normal;
	padding: 0 15px;
}

#ja-subnavwrap {
	background: #216DAF;
	border: 1px solid #528CC1;
	border-top: none;
	height: 30px;
	position: relative;
}

#ja-subnav {
	background: url(../images/nav-sep2.gif) no-repeat left center;
	left: 50px;
	position: absolute;
	top: 5px;
}

#ja-subnav ul {
	margin: 0 0 0 5px;
	padding: 0;
}

#ja-subnav li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#ja-subnav li ul
{
    background-position:center;
    background-repeat:repeat-x;
	background: #216DAF;
	
	width:300px;
}
#ja-subnav li a {
	color: #A9CAE8;
	display: block;
	float: left;
	line-height: 22px;
	margin-right: 5px;
	padding: 0 5px 0 0;
	text-decoration: none;
}

#ja-subnav li a span {
	cursor: pointer;
	display: block;
	float: left;
	padding: 0 5px 0 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ja-subnav a span {
	float: none;
}

/* End IE5-Mac hack */
#ja-subnav li a:hover,
#ja-subnav li a:active,
#ja-subnav li a:focus {
	background: url(../images/subnav-bg.gif) no-repeat top right;
	color: #FFFFFF;
	text-decoration: none;
}

#ja-subnav li a:hover span,
#ja-subnav li a:active span,
#ja-subnav li a:focus span {
	background: url(../images/subnav-bg.gif) no-repeat top left;
	color: #FFFFFF;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
	background: url(../images/subnav-bg.gif) no-repeat bottom right;
	color: #FFFFFF;
	text-decoration: none;
}

#ja-subnav li.active a span,
#ja-subnav li.active a:hover span,
#ja-subnav li.active a:active span,
#ja-subnav li.active a:focus span {
	background: url(../images/subnav-bg.gif) no-repeat bottom left;
	text-decoration: none;
}
#ja-subnavmenu {
	background: url(../images/nav-sep2.gif) no-repeat left center;
	width:100%;
	left: 50px;
	position: absolute;
	top: 5px;
	
}
#ja-subnavmenu ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#ja-subnavmenu li 
{
    margin-right:5px;
	background: none;
	display:inline;
	padding: 0;
}
#ja-subnavmenu li ul
{
    background-position:center;
    background-repeat:repeat-x;
	background: #216DAF;
	
	width:300px;


}

#ja-subnavmenu li a 
{
    /*font-size: 12px;*/

	color: #A9CAE8;
	display: block;
	float: left;
	line-height: 22px;
	margin-right: 5px;
	text-decoration: none;
	
	cursor: pointer;
	padding: 0 5px 0 10px;
}

#ja-subnavmenu li a span {
	cursor: pointer;
	display: block;
	float: left;
	padding: 0 5px 0 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ja-subnavmenu a span {
	float: none;
}

/* End IE5-Mac hack */
#ja-subnavmenu li a:hover,
#ja-subnavmenu li a:active,
#ja-subnavmenu li a:focus {
	/*background: url(../images/subnav-bg.gif) no-repeat bottom right;*/
	background: url(../images/subnav-bg.gif) repeat-x bottom center;
	color: #FFFFFF;
	text-decoration: none;
}

#ja-subnavmenu li a:hover span,
#ja-subnavmenu li a:active span,
#ja-subnavmenu li a:focus span {
	/* background: url(../images/subnav-bg.gif) no-repeat bottom left; */
	background: url(../images/subnav-bg.gif) repeat-x bottom center;
	color: #FFFFFF;
}

#ja-subnavmenu li.active a,
#ja-subnavmenu li.active a:hover,
#ja-subnavmenu li.active a:active,
#ja-subnavmenu li.active a:focus 
{
    /*background: url(../images/subnav-bg.gif) no-repeat bottom right;*/
	background: url(../images/subnav-bg.gif) repeat-x bottom center;
	color: #FFFFFF;
	text-decoration: none;
}

#ja-subnavmenu li.active a span,
#ja-subnavmenu li.active a:hover span,
#ja-subnavmenu li.active a:active span,
#ja-subnavmenu li.active a:focus span {
	/* background: url(../images/subnav-bg.gif) no-repeat bottom left; */
	background: url(../images/subnav-bg.gif) repeat-x bottom center;
	text-decoration: none;
}



/* BEGIN CONTENT
--------------------------------------------------------- */
#ja-subnavwrapmenu {
	background: #216DAF;
	border: 1px solid #528CC1;
	border-top: none;
	height: 30px;
	position: relative;
}

#ja-mainloginwrap {
	background: #78C1E5;
	/*border: 1px solid #85D6FD;*/
	clear: both;
	margin: 1px 0;
}


/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

/* Top spotlight1 */
#ja-topsloginwrap 
{
    font-family: Tahoma, Arial, sans-serif;
    font-size:12px;
}
#ja-topsloginwrap div.ja-box-br {
	background: url(../images/topsl-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#ja-topsloginwrap div.ja-box-bl {
	background: url(../images/topsl-bl.gif) no-repeat bottom left;
	padding: 0;
}

#ja-topsloginwrap div.ja-box-tr {
	background: url(../images/topsl-tr.gif) no-repeat top right;
	padding: 0;
}

#ja-topsloginwrap div.ja-box-tl {
	background: url(../images/topsl-tl.gif) no-repeat top left;
	padding: 10px;
}

#ja-topsloginwrap ul {
	margin: 0;
	padding: 0;
}

#ja-topsloginwrap li {
	margin: 0;
}

#ja-topcontent .moduletable {
	/*margin-left: 2%;*/
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

/* Top TreeMenu */
#ja-topstreemenuwrap 
{
    font-family: Tahoma, Arial, sans-serif;
    font-size:12px;
}
#ja-topstreemenuwrap div.ja-box-br {
	background: url(../images/menu/topslmenu-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#ja-topstreemenuwrap div.ja-box-bl {
	background: url(../images/menu/topslmenu-bl.gif) no-repeat bottom left;
	padding: 0;
}

#ja-topstreemenuwrap div.ja-box-tr {
	background: url(../images/menu/topslmenu-tr.gif) no-repeat top right;
	padding: 0;
}

#ja-topstreemenuwrap div.ja-box-tl {
	background: url(../images/menu/topslmenu-tl.gif) no-repeat top left;
	padding: 10px;
}

#ja-topstreemenuwrap ul {
	margin: 0;
	padding: 0;
}

#ja-topstreemenuwrap li {
	margin: 0;
}

#ja-topcontent .moduletable {
	/*margin-left: 2%;*/
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.moduletable {
	padding: 0;
}
/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
	background: url(../images/c-r.gif) no-repeat right #EFEFEF;
	font-size: 115%;
	
	height: 28px;
	line-height: 28px;
	margin: 0 -5px 5px;
	padding:0;
	
	
	text-indent: 5px;
}

div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span,
div.moduletable_hilitemenu h3 span {
	background: url(../images/c-hilite-l.gif) no-repeat left;
	display: block;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding:0;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text {
	margin: 0;
	padding: 5px 10px;
}

div.moduletable_hilite {
	margin: 0;
	/*padding: 5px 5px 20px 5px ;*/
    padding: 0;
}

/* hilite module */
div.moduletable_hilite h3 {
	background: url(../images/c-hilite-r2.gif) no-repeat right #2C79BF;
	color: #FFFFFF;
	font-size: 115%;
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 0;
	padding:0;
	text-indent: 5px;
}

div.moduletable_hilite h3 span {
	background: url(../images/c-hilite-l2.gif) no-repeat left;
}

div.moduletable_hilitemenu {
	margin: 0;
	/*padding: 5px 5px 20px 5px ;*/
}

div.ja-box-br {
	background: url(../images/box-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

div.ja-box-bl {
	background: url(../images/box-bl.gif) no-repeat bottom left;
	padding: 0;
}

div.ja-box-tr {
	background: url(../images/box-tr.gif) no-repeat top right;
	padding: 0;
}

div.ja-box-tl {
	background: url(../images/box-tl.gif) no-repeat top left;
	padding: 10px;
}


/*END CONTENT
--------------------------------------------=-------------*/
/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}



















/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	clear: both;
	position: relative;
}

#ja-footer {
	background: url(../images/footer-bg2.png) bottom left;
	color: #A9CAE8;
	height: 80px;
	padding: 0;
}

.narrow #ja-footer {
	background: url(../images/footer-bg-n.png) bottom left;
}

#ja-footer small {
	color: #A9CAE8;
	display: block;
}

#ja-footer .copyright {
	font-style: normal;
	left: 20px;
	position: absolute;
	top: 20px;
}

#ja-footer a {
	color: #A9CAE8;
	text-decoration: none;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

#ja-footer ul {
	margin: 0 0 5px;
	padding: 0;
}

#ja-footer li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#ja-footer li a {
	background: url(../images/vline.gif) no-repeat center left;
	display: inline;
	line-height: normal;
	padding: 0 10px 0 12px;
	text-decoration: none;
}

.ja-cert {
	position: absolute;
	right: 30px;
	top: 20px;
}

.ja-cert a {
	border: none;
	border: none;
	margin: 0 0 0 5px;
	padding: 0;
	text-decoration: none;
}

.ja-cert a span {
	display: none;
}

.ja-cert a img {
	border: none;
}

.banneritem {
	display: block;
}

#ja-menuml {
	background: url(../images/ml.jpg) left top;
	color: #A9CAE8;
	width: 100%;
	padding: 0;
}








td.img {
background-image: url('../images/ml.jpg')
}
td.img2 {
background-image: url('../images/mr.jpg')
}
td.imgtc {
background-image: url('../images/tc.jpg')
}
td.imgbc {
background-image: url('../images/bc.jpg')
}

td.imgtl 
{
    width: 15px;
    height: 15px;
    background-image: url('../images/tl.jpg')

}
td.imgtr 
{
    width: 15px;
    height: 15px;
    background-image: url('../images/tr.jpg')
}
td.imgbl 
{
    width: 15px;
    height: 27px;
    background-image: url('../images/bl.jpg')

}
td.imgbr 
{
    width: 15px;
    height: 27px;
    background-image: url('../images/br.jpg')
}




#menu
{
    background: url(../images/nav-sep2.gif) no-repeat left center;

	left: 50px;
	position: absolute;
	top: 5px;
}


#menu ul {
    margin: 0 0 0 10px;
	padding: 0;
}

#menu li 
{
    margin-right:5px;
	background: none;
	display:inline;
	padding: 0;
}

#menu li a 
{
    /*font-size: 12px;*/



	line-height: 22px;

	text-decoration: none;
	
	cursor: pointer;
	padding: 0 5px 0 10px;
}

#menu ul li {
  display: block;
  position: relative;

}
#menu li ul { display: none; }
#menu ul li a {                         /* Menu ปกติ  */
  display: block;
  text-decoration: none;
  color:#CCCCCC;
  padding-left:10px;
  margin-left:5px;
  padding-right:10px;
 
  left:20px;
  
  white-space: nowrap;
}
#menu ul li:hover  
{
    background: url(../images/subnav-bg.gif) no-repeat top left;
    
}
#menu ul li a:hover  
{
    background: url(../images/subnav-bg.gif) no-repeat top right;
    color: #FFFFFF;
	text-decoration: none;
}

#menu ul  li ul
{
    background: #216DAF;
    width:300px;
}

 /* #menu li:hover li {           
  float: none;
  width:200px;
}

#menu ul  li:hover 
{
   
     }
     
     #menu ul  li:hover ul li a
{
    
     }
     

#menu li:hover li a:hover { 
     background: #216DAF;
     color: #FFFFFF;
	text-decoration: none;
     }*/
